<template>
  <div>
    <div class="w100 mt-20 rows rowsw rowsm">
          <div class="w-300 ml-6 mr-6 mb-20" v-for="(item,index) in list" :key="index" @click="choseVideoItem(item)">
            <img :src="item.image" class="w100 h-160" style="border-radius: 16px 16px 0 0;" alt="">
            <div class="w100 bgff p-all-20" style="border-radius: 0 0 16px 16px;">
              <div class="fs-20 col333 mb-10 w100 one_overflow">{{item.content}}</div>
              <div class="w100 rowsb rowsm">
                <div class="fs-12 col888">{{item.createTime}} </div>
                <!-- | 浏览1659 -->
                <img src="../../../static/img/icon_h.png" class="w-18 h-18" alt="">
              </div>
            </div>
          </div>
        </div>

        <!-- <div class="w100 mt-50 rowsc rowsm">
                <el-pagination
                    background
                    layout="prev, pager, next"
                    :total="1000"
                    page-size="6"
                    @current-change="changePage"
                    >
                </el-pagination>

            </div> -->



            
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
        // isShowPublishVideo:false
        list:[]
    };
  },
  watch: {},
  computed: {},
  methods: {
    choseVideoItem(item){
        this.$emit('choseVideoItem',item)
    },
    getList(){
      this.$axios.post('prosp/list',{}).then(res => {
        if(res.data.code != 200) return this.$notify({
          title: '提示',
          message: res.data.msg
        });
        let {rows} = res.data
        this.list = rows
      })
    }
  },
  created() {
    this.getList()
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
</style>